<template>
	<view class="container">
		<!-- 头部--功能栏 -->
		<view class="top_list_box">
			<view class="top_head">
				<view @click="toStatus()" class="receiverStyle">
					{{taskStatusText}}
					<image src="/static/image/sanjiaoxing-l@2x.png"></image>
				</view>
				<view @click="toTargetType()" class="targetTypeStyle">
					{{targetTypeText}}
					<image src="/static/image/sanjiaoxing-l@2x.png"></image>
				</view>
				<view class="imgMoreSifting" @click="toMask">
					<image src="/static/image/shaixuan@2x.png" mode="aspectFit"></image>
					<text>更多</text>
				</view>
			</view>
			<!-- 抽屉式导航 -->
			<view class="funcQuery" :class="{'share-show':isShow}">
				<!-- 任务名称 -->
				<view class="missionName">
					<input type="text" class="taskNameStyle" v-model="taskName" @input="getDeadEnd"
						placeholder="请输入任务名称" placeholder-class="taskNameFint" />
				</view>
				<!-- 任务地址 -->
				<view class="missionAddress">
					<input type="text" class="taskAddressStyle" v-model="taskAddress" placeholder="请输入任务地址"
						placeholder-class="taskAddressFint" @input="getDeadEnd" />
				</view>
				<!-- 责任对象类型 -->
				<view @click="toDutyType()" class="dutyTypeStyle">
					{{dutyObjectTypeText}}
					<image src="/static/image/sanjiaoxing-l@2x.png"></image>
				</view>
				<!-- 责任对象 -->
				<view @click="toDutyObject()" class="dutyObjectStyle">
					{{dutyObjectText}}
					<image src="/static/image/sanjiaoxing-l@2x.png"></image>
				</view>
			</view>
		</view>

		<!-- 中信息列表 -->
		<view class="missionList" :class="isMask ? 'tl-show': '' || isMaskMax ? 'tl-show': ''">
			<view class="whole" v-if="!dataTxtList">
				<image src="../../static/image/zanwushuju@2x.png" mode="aspectFit"></image>
				<text>暂无数据</text>
			</view>
			<view v-for="(data,index) in dataTxtList" :key="index" class="missionListInfo"
				v-if="data.taskStatusText == '未完成'" @click="toMissionInfo(data.id)">
				<view class="top_info">
					<view class="name">{{data.name}}</view>
					<!-- <view class="Time" v-if="data.taskStartTime != null && data.taskEndTime != null">{{data.taskStartTime}} 至 {{data.taskEndTime}}</view>-->
					<view class="Time" v-if="data.taskStartTime != null && data.taskEndTime">{{data.taskStartTime | getYMDs}} 至
						{{data.taskEndTime | getYMDs}}
					</view>
				</view>
				<view class="content_info">
					<view><text>任务地点:</text><text>{{data.taskAddress}}</text></view>
				</view>
				<view class="txt_info">
					<view><text>任务内容:</text><text>{{data.content}}</text></view>
					<view v-if="data.dutyObjectText==isName"><text>状态:</text><text>可执行</text></view>
					<view v-if="data.dutyObjectText!=isName"><text>状态:</text><text>不可执行</text></view>
				</view>
				<!-- <view class="txt_info">
					<view><text>任务状态:</text><text>可完成</text></view>
				</view> -->
				<view class="unDone">
					<image src="/static/image/weiwancheng-2@2x.png" mode="aspectFit"></image>
				</view>
			</view>
			<view v-for="(data,index) in dataTxtList" :key="index" class="missionListInfo"
				v-if="data.taskStatusText == '已完成'" @click="toMissionInfo(data.id)">
				<view class="top_info">
					<view class="name">{{data.name}}</view>
					<!-- <view class="Time" v-if="data.taskStartTime != null && data.taskEndTime != null">{{data.taskStartTime}} 至 {{data.taskEndTime}}</view>-->
					<view class="Time" v-if="data.taskStartTime != null && data.taskEndTime">{{data.taskStartTime | getYMDs}} 至
						{{data.taskEndTime | getYMDs}}
					</view>
				</view>
				<view class="content_info">
					<view><text>任务地点:</text><text>{{data.taskAddress}}</text></view>
				</view>
				<view class="txt_info">
					<view><text>任务内容:</text><text>{{data.content}}</text></view>
					<view><text>状态:</text><text>已反馈</text></view>
				</view>
				<view class="done">
					<image src="/static/image/yiwancheng-2@2x.png" mode="aspectFit"></image>
				</view>
			</view>
			<view class="loading-text" v-show="dataTxtList != '' && dataTxtList != null">
				{{loadingType === 0 ? contentText.contentdown : (loadingType === 1 ? contentText.contentrefresh : contentText.contentnomore)}}
			</view>
		</view>

		<view class="returnTop" @click="returnTop()" v-show="flag">
			<image src="/static/image/returnTop.png" mode="aspectFit"></image>
		</view>

		<!-- 工单状态 -->
		<view class="allTypeObjectStyle" :class="{'share-show':isStatus}">
			<text>请选择</text>
			<scroll-view scroll-y="true" class="typeObjectStyle" v-if="statusText != null">
				<view v-for="(item,index) in statusText" :key="index" @click="getReceiver(item)"
					v-if="item.taskStatusText != null && item.taskStatusText != ''">
					{{item.taskStatusText}}
				</view>
			</scroll-view>
			<view class="typeObjectStyle_1" v-else>
				当前暂无数据
			</view>
		</view>
		<!-- ------------------------------------------------------------- -->
		<!-- 对象类型 -->
		<view class="allTypeObjectStyle" :class="{'share-show':isTargetType}">
			<text>请选择</text>
			<!-- <input v-model="searchTargetType" @input="searchTargetTypeList" placeholder="查询..." /> -->
			<scroll-view scroll-y="true" class="typeObjectStyle" v-if="targetTypes != null">
				<view v-for="(item,index) in targetTypes" v-if="item.targetTypeText != ''" :key="index"
					@click="getTargetType(item)">
					{{item.targetTypeText}}
				</view>
			</scroll-view>
			<view class="typeObjectStyle_1" v-else>
				当前暂无数据
			</view>
		</view>
		<!-- ------------------------------------------------------------- -->
		<!-- 责任对象类型 -->
		<view class="allTypeObjcet" :class="{'share-show':isDutyType}">
			<text>请选择</text>
			<!-- <input v-model="searchDutyType" @input="searchDutyTypeList" placeholder="查询..." /> -->
			<scroll-view scroll-y="true" class="typeObjcet" v-if="dutyObjectTypes != null">
				<view v-for="(item,index) in dutyObjectTypes" v-if="item.dutyObjectTypeText != ''" :key="index"
					@click="getDutyType(item)">
					{{item.dutyObjectTypeText}}
				</view>
			</scroll-view>
			<view class="typeObjcet_1" v-else>
				当前暂无数据
			</view>
		</view>
		<!-- ------------------------------------------------------------- -->
		<!-- 责任对象 -->
		<view class="allTypeObjcet" :class="{'share-show':isDutyObject}">
			<text>请选择</text>
			<scroll-view scroll-y="true" class="typeObjcet" v-if="dutyObjects != null">
				<view v-for="(item,index) in dutyObjects" v-if="item.dutyObjectText != ''" :key="index"
					@click="getDutyObject(item)">
					{{item.dutyObjectText}}
				</view>
			</scroll-view>
			<view class="typeObjcet_1" v-else>
				当前暂无数据
			</view>
		</view>
		<!-- ------------------------------------------------------------- -->
		<!-- 遮罩层 -->
		<view class="mask" @click="masking()" v-show="isMask"></view>
		<!-- 遮罩层 MAX -->
		<view class="maskMax" @click="maskMax()" v-show="isMaskMax"></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				isName:'',
				dataTxtList: [],
				// presentInfoList:[],
				taskNames: [],
				statusText: [{
					taskStatusText: '不限',
					taskStatus: '',
				}, {
					taskStatusText: '未完成',
					taskStatus: '1',
				}, {
					taskStatusText: '已完成',
					taskStatus: '2',
				}],
				targetTypes: [],
				dutyObjectTypes: [],
				dutyObjects: [],
				taskAddresss: [],
				taskName: '',
				taskStatus: '1',
				taskStatusText: '工单状态',
				targetType: '',
				targetTypeText: '对象类型',
				dutyObjectType: '',
				dutyObjectTypeText: '责任对象类型',
				dutyObject: '',
				dutyObjectText: '责任对象',
				taskAddress: '',
				isMask: false,
				isMaskMax: false,
				isShow: false,
				isStatus: false,
				isTargetType: false,
				isDutyType: false,
				isDutyObject: false,
				loadingType: 0,
				contentText: {
					contentdown: "上拉显示更多",
					contentrefresh: "正在加载...",
					contentnomore: "没有更多数据了"
				},
				flag: false,
				pageNumber: 1,
				scrollTop: '',
				newNum:0
			}
		},
		onLoad() {
			this.getDeadEnd();
			this.getTargetTypes();
			this.getDutyObjectTypes();
			this.getDutyObjects();
		},
		onPullDownRefresh() {
			setTimeout(() => {
				uni.stopPullDownRefresh();
				this.getDeadEnd();
			}, 1000);
		},
		onReachBottom() {
			this.getWorkListInfo();
		},
		onPageScroll: function(e) { //nvue暂不支持滚动监听，可用bindingx代替
			if (e.scrollTop > 600) { //当距离大于600时显示回到顶部按钮
				this.flag = true;
			} else { //当距离小于600时隐藏回到顶部按钮
				this.flag = false;
			}
		},
		onShow() {
			if(this.newNum == 1){
				this.getDeadEnd();
			};
			this.newNum = 0;
			uni.getStorage({
				key: "newsTop",
				success: (res) => {
					var timer = setTimeout(() => {
						uni.pageScrollTo({
							scrollTop: res.data, //距离页面顶部的距离
							duration: 0
						});
						clearTimeout(timer);
					}, 100)
				}
			})
			uni.$on("planAdd", res => {
				for (let i = 0; i < this.dataTxtList.length; i++) {
					if (this.dataTxtList[i].id == res.id) {
						this.dataTxtList[i].taskStatusText = res.taskStatusText
					}
				}
				// 清除监听
				uni.$off('planAdd');
			})
		},
		filters:{
			getYMDs(date){
				let d = new Date(date);
				let month = d.getMonth() + 1;
				let day = d.getDate();
				month = month > 9 ? month : '0' + month;
				day = day > 9 ? day : '0' + day;
				return month + "-" + day;
			}
		},
		methods: {
			//------------------------------------------------------
			//上拉加载与获取数据列表
			async getWorkListInfo() {
				if (this.loadingType != 0) {
					return false; //loadingType!=0;直接返回
				}
				this.loadingType = 1;
				this.pageNumber++;
				uni.showNavigationBarLoading();
				const res = await this
					.$myRequest({ //await 关键字 只能放在 async 函数内部， await关键字的作用 就是获取 Promise中返回的内容， 获取的是Promise函数中resolve或者reject的值
						url: '/api-operate/order-task/?name=' + this.taskName + '&taskStatus=' + this.taskStatus +
							'&targetType=' + this.targetType + '&dutyObjectType=' + this.dutyObjectType +
							'&dutyObject=' + this.dutyObject + '&taskAddress=' + this.taskAddress +
							"&pageNumber=" + this.pageNumber,
						method: "get",
					})
					console.log("res",res)
				if (res.success == true) {
					if (this.dataTxtList.length == res.body.orderTask.totalSize) { //当之前的数据长度等于count时跳出函数，不继续执行下面语句
						this.loadingType = 2;
						uni.hideNavigationBarLoading(); //关闭加载动画
						return false;
					}
					this.dataTxtList = this.dataTxtList.concat(res.body.orderTask.data);
					this.loadingType = 0; //将loadingType归0重置
					uni.hideNavigationBarLoading(); //关闭加载动画
					for (let j in this.dataTxtList) {
						if (!this.dataTxtList[j].content) {
							this.dataTxtList[j].content = '<空>'
						}
					}
				}
			},
			//-----------------------------------------------------------
			//获取对象数据和模糊筛选对象
			async getDeadEnd() {
				const res = await this
					.$myRequest({ //await 关键字 只能放在 async 函数内部， await关键字的作用 就是获取 Promise中返回的内容， 获取的是Promise函数中resolve或者reject的值
						url: '/api-operate/order-task/?name=' + this.taskName + '&taskStatus=' + this.taskStatus +
							'&targetType=' + this.targetType + '&dutyObjectType=' + this.dutyObjectType +
							'&dutyObject=' + this.dutyObject + '&taskAddress=' + this.taskAddress,
						method: "get",
					})
					this.isName = uni.getStorageSync('name');
					// console.log("当前操作用户：",name)
					// console.log("this.isName：",this.isName)
					// for(let i=0;i<res.body.orderTask.data.length;i++){
					// 	console.log("列表责任对象：",res.body.orderTask.data[i].dutyObjectText)
					// }
				if (res.success == true) {
					this.dataTxtList = res.body.orderTask.data;
					this.loadingType = 0;
					this.pageNumber = 1;
					for (let i in this.dataTxtList) {
						if (!this.dataTxtList[i].content) {
							this.dataTxtList[i].content = '<空>'
						}
					}
					if (this.dataTxtList.length >= 0) {
						if (this.dataTxtList.length == res.body.orderTask.totalSize) { //当之前的数据长度等于count时跳出函数，不继续执行下面语句
							this.loadingType = 2;
							uni.hideNavigationBarLoading(); //关闭加载动画
							return false;
						}
					}
				}
			},
			//----------------------------------------------------------------
			//获取对象类型进行筛选
			async getTargetTypes() {
				const res = await this
					.$myRequest({ //await 关键字 只能放在 async 函数内部， await关键字的作用 就是获取 Promise中返回的内容， 获取的是Promise函数中resolve或者reject的值
						url: '/api-operate/order-task/?pageSize=0',
						method: "get",
					})
				if (res.success == true) {
					let targetTypeList = res.body.orderTask.data;
					for (var i = 0; i < targetTypeList.length; i++) {
						for (var j = i + 1; j < targetTypeList.length; j++) {
							if (targetTypeList[i].targetTypeText == targetTypeList[j].targetTypeText) {
								targetTypeList.splice(j, 1);
								j--;
							}
						}
					}
					this.targetTypes = targetTypeList;
					this.targetTypes.unshift({
						targetTypeText: "不限"
					});
				}
			},
			//-------------------------------------------------------------------------
			//获取责任对象类型进行筛选
			async getDutyObjectTypes() {
				const res = await this
					.$myRequest({ //await 关键字 只能放在 async 函数内部， await关键字的作用 就是获取 Promise中返回的内容， 获取的是Promise函数中resolve或者reject的值
						url: '/api-operate/order-task/?pageSize=0',
						method: "get",
					})
				if (res.success == true) {
					let dutyObjectTypeList = res.body.orderTask.data;
					for (var i = 0; i < dutyObjectTypeList.length; i++) {
						for (var j = i + 1; j < dutyObjectTypeList.length; j++) {
							if (dutyObjectTypeList[i].dutyObjectTypeText == dutyObjectTypeList[j].dutyObjectTypeText) {
								dutyObjectTypeList.splice(j, 1);
								j--;
							}
						}
					}
					this.dutyObjectTypes = dutyObjectTypeList;
					this.dutyObjectTypes.unshift({
						dutyObjectTypeText: '不限'
					});
				}
			},
			//------------------------------------------------------------------------------
			//获取责任对象进行筛选
			async getDutyObjects() {
				const res = await this
					.$myRequest({ //await 关键字 只能放在 async 函数内部， await关键字的作用 就是获取 Promise中返回的内容， 获取的是Promise函数中resolve或者reject的值
						url: '/api-operate/order-task/?pageSize=0',
						method: "get",
					})
				if (res.success == true) {
					let dutyObjectList = res.body.orderTask.data;
					for (var i = 0; i < dutyObjectList.length; i++) {
						for (var j = i + 1; j < dutyObjectList.length; j++) {
							if (dutyObjectList[i].dutyObjectText == dutyObjectList[j].dutyObjectText) {
								dutyObjectList.splice(j, 1);
								j--;
							}
						}
					}
					this.dutyObjects = dutyObjectList;
					this.dutyObjects.unshift({
						dutyObjectText: '不限'
					});
				}
			},
			//-----------------------------------------------------------------
			//跳转到新增任务
			onNavigationBarButtonTap() {
				uni.navigateTo({
					url: "/pages/workOrder/newMission/newMission"
				})
				this.taskStatusText = "工单状态";
				this.taskStatus = '1';
				this.targetTypeText = '对象类型';
				this.targetType = '';
				this.dutyObjectTypeText = '责任对象类型';
				this.dutyObjectType = '';
				this.dutyObjectText = '责任对象';
				this.dutyObject = '';
				this.taskName = '';
				this.taskAddress = '';
				this.isMask = false;
				this.isShow = false;
				this.getDeadEnd();
				this.newNum = 1;
			},
			//----------------------------------------------------------------
			//跳转到任务详情
			toMissionInfo(id) {
				uni.navigateTo({
					url: "/pages/workOrder/missionInfo/missionInfo?id=" + id,
				})
				uni.setStorage({
					key: "newsTop",
					data: this.scrollTop
				})
			},
			//------------------------------------------------------------
			//获取工单状态的值
			getReceiver(item) {
				this.taskStatusText = item.taskStatusText;
				this.taskStatus = item.taskStatus;
				if (this.taskStatusText == '不限') {
					this.taskStatusText = '工单状态'
					this.taskStatus = '';
					this.getDeadEnd();
				} else {
					this.getDeadEnd();
				}
				this.masking();
			},
			//------------------------------------------------------------
			//获取对象类型的值
			getTargetType(item) {
				this.targetTypeText = item.targetTypeText;
				this.targetType = item.targetType;
				if (this.targetTypeText == '不限') {
					this.targetTypeText = '对象类型'
					this.targetType = '';
					this.getDeadEnd();
				} else {
					this.getDeadEnd();
				}
				this.masking();
			},
			//---------------------------------------------------------------------
			//获取责任对象类型的值
			getDutyType(item) {
				this.dutyObjectTypeText = item.dutyObjectTypeText;
				this.dutyObjectType = item.dutyObjectType;
				if (this.dutyObjectTypeText == '不限') {
					this.dutyObjectTypeText = '责任对象类型'
					this.dutyObjectType = '';
					this.getDeadEnd();
				} else {
					this.getDeadEnd();
				}
				this.maskMax();
				this.isShow = true;
			},
			//-----------------------------------------------------------------------
			//获取责任对象的值
			getDutyObject(item) {
				this.dutyObjectText = item.dutyObjectText;
				this.dutyObject = item.dutyObject;
				if (this.dutyObjectText == '不限') {
					this.dutyObjectText = '责任对象'
					this.dutyObject = '';
					this.getDeadEnd();
				} else {
					this.getDeadEnd();
				}
				this.maskMax();
				this.isShow = true;
			},
			//------------------------------------------------------------
			//显示接待人列表
			toStatus() {
				this.isStatus = true;
				this.isMask = true;
			},
			//-------------------------------------------------------------
			//对象类型
			toTargetType() {
				this.isTargetType = true;
				this.isMask = true;
			},
			//---------------------------------------------------------------
			//责任对象类型
			toDutyType() {
				this.isDutyType = true;
				this.isMask = false;
				this.isMaskMax = true;
				this.isShow = false;
			},
			//-----------------------------------------------------------------
			//责任对象
			toDutyObject() {
				this.isDutyObject = true;
				this.isMask = false;
				this.isMaskMax = true;
				this.isShow = false;
			},
			//----------------------------------------
			//更多
			toMask() {
				this.isMask = true;
				this.isShow = !this.isShow
			},
			//遮罩层
			masking() {
				this.isMask = !this.isMask;
				this.isShow = false;
				this.isStatus = false;
				this.isTargetType = false;
			},
			//遮罩层MAX
			maskMax() {
				this.isMaskMax = !this.isMaskMax;
				this.isDutyType = false;
				this.isDutyObject = false;
				this.isShow = true;
				this.isMask = true;
			},
			//----------------------------------------------
			//返回顶部
			returnTop() {
				uni.pageScrollTo({
					scrollTop: 0,
					duration: 300
				})
			},
		},
	}
</script>

<style lang="scss" scoped>
	page {
		background-color: #f5f5f5;
	}

	.container {
		.funcQuery {
			position: fixed;
			right: 0;
			bottom: 1;
			z-index: 100;
			background-color: #ffffff;
			width: 70%;
			height: 100%;

			transition: all 0 ease;
			transform: translateX(100%);

			.missionName {
				position: relative;

				.taskNameStyle {
					width: 90%;
					height: 80rpx;
					line-height: 80rpx;
					margin: 2% auto;
					padding-left: 4%;
					border: 1px solid #b4b4b4;
					position: relative;
					border-radius: 20rpx;
				}

				.taskNameFint {
					color: #000000;
					font-size: 30rpx;
				}

				.missionInfo {
					width: 100%;
					height: 700rpx;
					position: absolute;
					left: 0;
					right: 0;
					margin: 0 auto;
					z-index: 2;
					background-color: #ffffff;
					border: 1px solid #aaaaaa;
					border-top: none;

					view {
						padding: 0 0 3% 4%;
					}
				}
			}

			.dutyTypeStyle {
				width: 90%;
				height: 80rpx;
				line-height: 80rpx;
				margin: 0 auto 2% auto;
				padding-left: 4%;
				border: 1px solid #b4b4b4;
				position: relative;
				color: #000000;
				border-radius: 20rpx;

				image {
					width: 34rpx;
					height: 34rpx;
					position: absolute;
					top: 0;
					bottom: 0;
					right: 0;
					margin: auto 0;
					margin-right: 4%;
				}
			}

			.dutyObjectStyle {
				width: 90%;
				height: 80rpx;
				line-height: 80rpx;
				margin: 0 auto 2% auto;
				padding-left: 4%;
				border: 1px solid #b4b4b4;
				position: relative;
				color: #000000;
				border-radius: 20rpx;

				image {
					width: 34rpx;
					height: 34rpx;
					position: absolute;
					top: 0;
					bottom: 0;
					right: 0;
					margin: auto 0;
					margin-right: 4%;
				}
			}

			.taskAddressStyle {
				width: 90%;
				height: 80rpx;
				line-height: 80rpx;
				margin: 0 auto 2% auto;
				padding-left: 4%;
				border: 1px solid #b4b4b4;
				position: relative;
				border-radius: 20rpx;
			}

			.taskAddressFint {
				color: #000000;
				font-size: 30rpx;
			}

			.missionInfo {}
		}

		.missionList {
			.missionListInfo {
				background-color: #ffffff;
				width: 100%;
				height: 174rpx;
				margin: 4% 0;
				position: relative;

				.top_info {
					display: flex;
					width: 90%;
					height: 60rpx;
					line-height: 60rpx;
					margin: 0 auto;
					border-bottom: 1px solid #cfcfcf;

					.name {
						width: 38%;
						white-space: nowrap;
						overflow: hidden;
						text-overflow: ellipsis;
						color: #000000;
					}

					.Time {
						width: 75%;
						font-size: 30rpx;
						text-align: right;
						padding-right: 1%;
						color: #000000;
					}
				}

				.content_info {
					display: flex;
					width: 90%;
					margin: 1% auto;
					font-size: 30rpx;

					view {
						width: 100%;
						white-space: nowrap;
						overflow: hidden;
						text-overflow: ellipsis;

						text:first-child {
							color: #959595;
						}

						text:last-child {
							margin-left: 2%;
							color: #000000;
						}
					}
				}

				.txt_info {
					width: 90%;
					display: flex;
					font-size: 30rpx;
					margin: 1% auto;

					view {
						width: 100%;
						white-space: nowrap;
						overflow: hidden;
						text-overflow: ellipsis;

						text:first-child {
							color: #959595;
						}

						text:last-child {
							margin-left: 2%;
							color: #000000;
						}
					}
				}

				.done {
					width: 110rpx;
					height: 110rpx;
					z-index: 1;
					position: absolute;
					right: 0;
					top: 0;
					bottom: 0;
					margin: auto 7% auto 0;

					image {
						width: 100%;
						height: 100%;
					}
				}

				.unDone {
					width: 110rpx;
					height: 110rpx;
					z-index: 1;
					position: absolute;
					right: 0;
					top: 0;
					bottom: 0;
					margin: auto 7% auto 0;

					image {
						width: 100%;
						height: 100%;
					}
				}
			}

			.whole {
				text-align: center;
				font-size: 60rpx;
				color: #a6a6a6;
				display: flex;
				flex-direction: column;
				align-items: center;

				image {
					margin: 250rpx 0 50rpx 0;
					width: 100%;
				}

				text {
					width: 100%;
				}
			}

			.loading-text {
				height: 80upx;
				line-height: 80upx;
				font-size: 28rpx;
				font-weight: bold;
				color: #a2a2a2;
				display: flex;
				flex-direction: row;
				justify-content: space-around;
			}
		}

		.returnTop {
			width: 70rpx;
			height: 70rpx;
			position: fixed;
			right: 2%;
			bottom: 6%;
			background-color: #b9b9b9;
			border-radius: 50rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			opacity: 0.8;

			image {
				width: 50rpx;
				height: 50rpx;
			}
		}
	}

	.top_list_box {
		height: 90rpx;
	}

	.top_head {
		width: 100%;
		height: 80rpx;
		line-height: 80rpx;
		display: flex;
		justify-content: space-around;
		align-items: center;
		background-color: #ffffff;
		position: fixed;
		z-index: 5;

		.imgMoreSifting {
			border-left: 1px solid #d6d6d6;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 0 3%;

			image {
				width: 35rpx;
				height: 35rpx;
				padding-right: 4%;
			}

			text {
				width: 100%;
				text-align: right;
				font-size: 1rem;
				position: relative;
				left: 12%;
				color: #000000;
			}
		}

		.receiverStyle {
			height: 100%;
			display: flex;
			flex-direction: row;
			color: #000000;

			image {
				width: 28rpx;
				height: 28rpx;
				margin: auto 0;
				padding-left: 6rpx;
			}
		}

		.targetTypeStyle {
			height: 100%;
			display: flex;
			flex-direction: row;
			color: #000000;

			image {
				width: 28rpx;
				height: 28rpx;
				margin: auto 0;
				padding-left: 6rpx;
			}
		}
	}

	//--------------------------------------------------------------------------------
	//遮罩层
	.mask {
		width: 100%;
		height: 100%;
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 99;
		background-color: #000;
		opacity: 0.6;
	}

	.maskMax {
		width: 100%;
		height: 100%;
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 130;
		background-color: #000;
		opacity: 0.6;
	}

	.share-show {
		transition: all 0.5s ease;
		transform: translateX(0%) !important;
	}

	//----------------------------------------------------
	.allTypeObjectStyle {
		width: 100%;
		height: 800rpx;
		position: fixed;
		bottom: 0;
		z-index: 120;
		display: flex;
		flex-direction: column;
		padding: 0;
		transition: all 0 ease;
		transform: translateY(100%);

		text {
			width: 100%;
			height: 100rpx;
			line-height: 100rpx;
			text-align: center;
			border-radius: 16px 16px 0 0;
			background-color: #ffffff;
			border-bottom: 1px solid #f0f0f0;
		}

		.typeObjectStyle {
			height: 698rpx;
			background-color: #ffffff;

			view {
				width: 100%;
				height: 100rpx;
				line-height: 100rpx;
				text-align: center;
				border-bottom: 1px solid #f0f0f0;
			}
		}

		.typeObjectStyle_1 {
			width: 100%;
			height: 700rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 40rpx;
			background-color: #ffffff;
		}
	}

	//-----------------------------------------------------
	.allMissionObjcet {
		width: 100%;
		height: 800rpx;
		position: fixed;
		bottom: 0;
		z-index: 140;
		display: flex;
		flex-direction: column;
		padding: 0;
		transition: all 0 ease;
		transform: translateY(100%);

		text {
			width: 100%;
			height: 100rpx;
			line-height: 100rpx;
			text-align: center;
			border-radius: 16px 16px 0 0;
			background-color: #ffffff;
			border-bottom: 1px solid #b5b5b5;
		}

		input {
			width: 100%;
			height: 100rpx;
			line-height: 100rpx;
			text-align: center;
			background-color: #ffffff;
			border-bottom: 1px solid #b5b5b5;
		}

		.missionObjcet {
			height: 598rpx;
			background-color: #ffffff;

			view {
				width: 100%;
				height: 100rpx;
				line-height: 100rpx;
				text-align: center;
				border-bottom: 1px solid #b5b5b5;
			}
		}
	}

	.allTypeObjcet {
		width: 100%;
		height: 800rpx;
		position: fixed;
		bottom: 0;
		z-index: 140;
		display: flex;
		flex-direction: column;
		padding: 0;
		transition: all 0 ease;
		transform: translateY(100%);

		text {
			width: 100%;
			height: 100rpx;
			line-height: 100rpx;
			text-align: center;
			border-radius: 16px 16px 0 0;
			background-color: #ffffff;
			border-bottom: 1px solid #f0f0f0;
		}

		.typeObjcet {
			height: 698rpx;
			background-color: #ffffff;

			view {
				width: 100%;
				height: 100rpx;
				line-height: 100rpx;
				text-align: center;
				border-bottom: 1px solid #f0f0f0;
			}
		}

		.typeObjcet_1 {
			width: 100%;
			height: 700rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 40rpx;
			background-color: #ffffff;
		}
	}

	.tl-show {
		overflow: hidden;
		position: fixed;
		height: 100%;
		width: 100%;
	}
</style>
